.content{
    overflow-y: scroll;
.swiper-container {
        height: 200px;
    }  
}
/* 尾部 */
.footer{
    height:70px ;
   
}
/* 运动项目 */
.main{
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
   /*  background-color: rgb(236, 168, 205); */
    /* 今日排名和累计打卡 */
    .ranking-Cumulative{
        width: 100%;
        height: 150px;
        /* border: 1px solid red; */
        justify-content: space-between;
        /* 今日排名 */
        .ranking{
        position: relative;
        width: 40%;
        height: 150px;
        background-color: #1592CC ;
        border-radius: 15px 15px 15px 15px;
        background-image: url("../img/index-card-rank.png");
        background-size: 80%;
        background-position: -16px 30px;
        background-repeat: no-repeat;
        /* 今日排名字体 */
        .today{
            position: absolute;
            left: 15px;
            top: 15px;
            color: rgba(0, 78, 115, 100);
            font-size: 20px;
            font-weight: bold;
        }
        /* 排名的数字 */
        .reankNum{
            position: absolute;
            right: 10px;
            top: 50px;
            color: rgba(255, 255, 255, 100);
            font-size: 80px;
        }
         }
         /* 累计打卡 */
    .Cumulative{
        position: relative;
        width: 55%;
        height: 150px;
        background-color: #7BCBF5 ;
        border-radius: 15px 15px 15px 15px; 
        background-image: url("../img/index-card-sum.png");
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: 10px 30px;
        /* 累计打卡天数 */
        .card{
            position: absolute;
            left: 15px;
            top: 15px;
            color: rgba(0, 81, 119, 100);
            font-size: 20px;
            font-weight: bold;
            
        }
        /* 今日打卡 */
        .punchBtn{
               position: absolute;
               right: 10px;
               top: 80px; 
               width: 100px;
               height: 40px;
               line-height: 34px;
               border: 3px solid rgba(0, 81, 119, 100);
               border-radius: 20px;
               background-color: #7BCBF5 ;
               color: rgba(0, 78, 115, 100);
               font-size: 16px;
               text-align: center;
               font-weight: bold;
               }
    }
    }
    /* 运动数据和运动徽章 */
    .motion-badge{
        width: 100%;
        height: 130px;
        padding-top: 20px;
        justify-content: space-between;
        /* 运动数据 */
        .motion{
            position: relative;
            width: 48%;
            height: 110px;
            background-color:#ccc ;
            background-image: url("../img/index-card-data.png");
            background-repeat: no-repeat;
           background-size: 100%;
            border-radius: 15px 15px 15px 15px;
            /* 文字 */ 
            .text{
                position: absolute;
                left: 15px;
                top: 15px;
                color: rgba(255, 255, 255, 100);
                font-size: 16px;
                font-weight: bold;
            }
        }
        /* 运动徽章 */
        .badge{
            position: relative;
            width: 47%;
            height: 110px;
            background-color:rgb(112, 164, 206) ;
            border-radius: 15px 15px 15px 15px; 
            background-image: url("../img/index-card-badge.png");
            background-repeat: no-repeat;
            background-size: 60%;
            background-position: 5px 20px;
            /* 文字 */
            .badge-text{
                position: absolute;
                left: 15px;
                top: 15px;
                color: rgba(0, 81, 119, 100);
                font-size: 16px;
                font-weight: bold;
            }
            /* 徽章枚数 */
            .Pieces{
                position: absolute;
                right: 20px;
                top: 30px; 
                color: rgba(0, 81, 119, 100);
                font-size: 18px;
                font-weight: bold;
                .badgeNum{
                    font-size: 70px;
                }
            }
        }
    }
    /* 课程训练 */
    .curriculum{
        position: relative;
        width: 100%;
        height: 110px;
        border-radius: 15px;
        background-color: slateblue;
        margin-top: 20px;
        background-image: url("../img/index-swiper-bg2.jpg");
        background-repeat: no-repeat;
        background-size: 100%;
        /* 文字 */
        .curriculum-text{
            position: absolute;
            left: 15px;
            top: 15px;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
        }
    }
    /* 户外跑步 */
    .outdoors{
        position: relative;
        width: 100%;
        height: 110px;
        border-radius: 15px;
        background-color: slateblue;
        margin-top: 20px;
        background-image: url("../img/index-card-run.png");
        background-repeat: no-repeat;
        background-size: 100%;
        .runtext{
            position: absolute;
            left: 15px;
            top: 15px;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
        }
    }
}